import { CommonField } from '@/pages/OrderModule/common/components/CommonForm';
import { SubTitle } from '@/pages/OrderModule/common/components/SubTitle';
import { Typography } from '@/pages/OrderModule/common/components/Typography';
import { Form, Input, Radio } from 'antd';
import { TagField } from '../TagField';
import Style from './index.module.less';

export const OrderTagField = (props) => {
  const {} = props;
  return (
    <>
      <SubTitle className={Style.orderTag_title} as="s2" symbol title="标签修改方式" />
      <Form.Item className={Style.orderTag_reset_edit_tag_form_item}>
        <CommonField
          Component={Radio.Group}
          props={{
            className: Style.orderTag_wrap,
            options: [
              {
                label: (
                  <>
                    <Typography>添加以下标签到订单</Typography>
                    <Typography type="info">（重复添加的标签不会重复显示）</Typography>
                  </>
                ),
                value: 1,
              },
              { label: '从订单移除以下标签', value: 2 },
            ],
          }}
        />
      </Form.Item>
      <Form.Item>
        <CommonField
          Component={Input}
          props={{
            placeholder: '回车搜索',
          }}
        />
      </Form.Item>
      <TagField filterable={false} fieldKey="tags" />
    </>
  );
};
export default OrderTagField;
